<template>
  <div class="toast" v-show="theToast">{{msg}}</div>
</template>

<script>
export default {
  name: 'Toast',
  data () {
    return {
      msg: '',
      theToast: false
    }
  }
}
</script>
<style lang="stylus" scoped>
  .toast
    position :absolute
    top :50%
    left :50%
    transform: translate(-50%, -50%)
    z-index :1005
    border-radius :.13rem
    background :rgba(0,0,0,.7)
    padding :.25rem .4rem
    color :white
    text-align :center
</style>
